.b_image-and-text
{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 60px 20px;
	justify-content: center;
	align-items: center;
	gap: 60px;
	position: relative;

	h2, .h2
	{
		font-family: Jost;
		font-size: 30px;
		font-weight: 400;
		font-style: normal;
		color: #FFF;
		line-height: 34px /* 113% */;
	}

	p, .p
	{
		font-family: "Instrument Sans";
		font-size: 16px;
		font-weight: 500;
		font-style: normal;
		color: #FFF;
		line-height: 24px /* 150% */;
		letter-spacing: 0.02em;
	}

	.wrapper-2
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 60px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.image-2
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		object-fit: cover;
		aspect-ratio: 1 / 1;
		order: 0;
	}

	.text-2
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	h2.heading-2
	{
		width: 100%;
		order: 0;
	}

	.body-2
	{
		width: 100%;
		order: 1;
	}

	@media (min-width: 1440px)
	{
		width: 100%;
		padding: 60px 170px;
		flex-direction: initial;

		.wrapper-2
		{
			max-width: 1920px;
			align-items: center;
			flex: 1 1 0%;
			min-width: 0;
			flex-direction: initial;
			width: initial;
		}

		.image-2
		{
			flex: 1 1 0%;
			min-width: 0;
			height: auto;
			flex-shrink: 0;
			width: initial;
		}

		.text-2
		{
			flex: 1 1 0%;
			min-width: 0;
			width: initial;
		}
	}
}